<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title>包含选择符 (E F)_CSS参考手册_web前端开发参考手册系列</title>
		<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com" />
		<meta name="copyright" content="www.doyoe.com" />
		<style>
			/*  包含关系，直接包含，间接包含  */
			div li {
				color: #f00;
			}
			
			.d1>div{
				background-color: #8A2BE2;
			}
		</style>
	</head>
	<body>

		<div id="">
			<ul>
				<li>列表项目</li>
				<li>列表项目</li>
				<li>列表项目</li>
				<li>列表项目</li>
			</ul>
		</div>


		<ul>
			<li>列表项目</li>
			<li>列表项目</li>
			<li>列表项目</li>
			<li>列表项目</li>
		</ul>


		
		<div id="" class="d1">
			
			<div class="dd1">
				包含在内部的22222
			</div>
			<p>
				<div class="dd1">
					包含在内部的11111
				</div>
			</p>

			
		</div>



	</body>
</html>
